<!--
Has the following blocks
    BaseHead - base <head></head> additions
    BaseBody - body of the page
Has the following variables
    title
    nickname
    userkey
    isAdmin
    page
    features
    comments
    colors
    menuItems
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%">
<head>
<title> {{ title }}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="Implements a GeoWiki using Google and YUI technolory." />
<meta name="keywords" content="geowiki,yui,google maps, google appengine,python,ajax,great loop" />
<meta name="copyright" content="Richard J Bell" />
<meta name="robots" content="index,follow" />

<link REL="SHORTCUT ICON" href="/static/img/gw_16.ico">

<style type="text/css">
    body { margin:0; padding:0; }
    .clear { clear:both; }
</style>

<!-- ======================================================================= -->
<!-- force creation of GeoWiki name space and some useful names =============-->
<!-- ======================================================================= -->
<script type="text/javascript">
    var GeoWiki = {};                                                           // create the GW namespace
    var GW = GeoWiki;
    
    GW.lat = {% if lat %} {{lat}} {% else %} 36.14 {% endif %};                  // default map lat/lon/zoom
    GW.lon = {% if lon %} {{lon}} {% else %} -83.23 {% endif %};
    GW.zoom = {% if zoom %} {{zoom}} {% else %} 5 {% endif %};
    
    GW.maptype = {% if maptype %} {{maptype}} {% else %} 'Terrain' {% endif %};
    GW.login = {% if login %} {{login}} {% else %} false{% endif %};            // set login
    GW.nickname = {% if nickname %} '{{nickname}}' {% else %} ''{% endif %};    // set nickname
    GW.userkey = {% if userkey %} '{{userkey}}' {% else %} ''{% endif %};       // set user, fixme: this should be in cookie along with isAdmin
    GW.isAdmin = {% if isAdmin %} {{isAdmin}} {% else %} false{% endif %};      // set admin
    GW.isDeveloper = {% if isDeveloper %} {{isDeveloper}} {% else %} false{% endif %}; // set developer
</script>

<!-- ======================================================================= -->
<!--Firebug lite to deal with IE  line should read "compressedx" or "compressed"-->
<!-- ======================================================================= -->
<!--[if IE]>
<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressedxxxx.js'></script>
<![endif] -->

<!-- ======================================================================= -->
<!-- YUI files ============================================================= -->
    <!-- YUI RTE things 
    Filter:                         -min
    Options:                        Combine Files, Allow Rollupnew GOverviewMapControl( new GSize( 140, 140 ) )
    CDN:                            Yahoo
    JavaScript Core:                Dom Collection, Event Utility
    CSS Packages:                   Base CSS, Fonts CSS, Reset CSS
    Javascript Utilities:           Connection Manager, Data Source, Drag & Drop, Element, JSON
    UI Widgets:                     Button, Container Family, DataTable Control, RTE, Menu Control, Tabview
    Rollup Files:                   utilities.js
    Developer Tools:                Logger Control
    -->
<!-- ======================================================================= -->
<!-- Combo-handled YUI CSS files: -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.7.0/build/reset-fonts/reset-fonts.css&2.7.0/build/base/base-min.css&2.7.0/build/assets/skins/sam/skin.css">
<!-- Combo-handled YUI JS files: -->
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.7.0/build/utilities/utilities.js&2.7.0/build/container/container-min.js&2.7.0/build/menu/menu-min.js&2.7.0/build/button/button-min.js&2.7.0/build/datasource/datasource-min.js&2.7.0/build/datatable/datatable-min.js&2.7.0/build/editor/editor-min.js&2.7.0/build/json/json-min.js&2.7.0/build/logger/logger-min.js&2.7.0/build/tabview/tabview-min.js"></script>


<!-- ======================================================================= -->
<!-- Google maps ============================================================-->
<!-- ======================================================================= -->
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAB1HE6c8mtUP2cfxsSezyExTLg_i57PFZfojJFM1YCHtnknrpaxQ3Npzhv2-Mx3iB7iHQIuBmtt7Wiw"></script>

<!-- ======================================================================= -->
<!-- GW common JS ===========================================================-->
<!-- ======================================================================= -->
<script type="text/javascript" src="/static/js/base.js" > </script>

<!-- ======================================================================= -->
<!-- Styles ================================================================ -->
<!-- Note: these will be inherited by ALL pages using this template.  By putting
    them here we avoid a CSS load!
-->
<!-- ======================================================================= -->
<style type="text/css">
body, html {
    height: 100%;                                                               /* make body 100% of screen */
}
body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;                                                           /* remove IE main scrollbar */
}
div.fullscreen{
    display: block;                                                             /* position the div */
    position:a absolute;
    top: 0;
    left: 0;
    width: 100%;                                                                /* force width and height */
    height: 100%;
    overflow: hidden;                                                           /* remove IE's main scrollbar */
}
.pdpMenu:link { 
    color: black;
    text-decoration: none;
}
.pdpMenu:visited { 
    color: black 
    text-decoration: none;
}
.pdpMenu:hover { 
    color: black 
    text-decoration: none;
    background-color: yellow;
}
.pdpMenu:active { 
    color: black 
    text-decoration: none;
    background-color: yellow;
}
</style>

<!-- ======================================================================= -->
<!-- page specific head (scripts, CSS, etc. =================================--> 
<!-- ======================================================================= -->
{% block BaseHead %}<!-- page specific header scripts go here -->{% endblock %}

</head>

<!-- ======================================================================= -->
<!-- Body of the page ====================================================== -->
<!-- ======================================================================= -->
<body class="yui-skin-sam" onload="GW.onLoad();" onunload="GW.onUnload();" > 

<!-- ======================================================================= -->
<!-- Deal with Javascript not enabled ====================================== -->
<!-- ======================================================================= -->
<noscript>
    <br />
    <br />
    <br />
    <b>JavaScript must be enabled in order for you to use GeoWiki.</b> <br />
    However, it seems JavaScript is either disabled or not supported by your browser. <br />
    To view GeoWiki, enable JavaScript by changing your browser options, and then <br />
    try again.<br />
</noscript>

<!-- ======================================================================= -->
<!-- Display the wait panel ================================================ -->
<!-- ======================================================================= -->
<script type="text/javascript">

</script>

<!-- ======================================================================= -->
<!-- Beginning of the page content wrapper div ============================= -->
<!-- ======================================================================= -->
<div id="idPageWrapper" >
    <!-- =================================================================== -->
    <!-- Logo ============================================================== -->
    <!-- =================================================================== -->
    <div style="display: block; position: absolute; top:0; right:0; z-index: 9999;">
        <div id="idLoadingDiv" style="font-size: 0.8em; float: left; padding-left: 0.5em; padding-right: 0.5em; background-color: white; height:26px;">
        </div>
        <div style="font-size: 0.8em; float: left; padding-left: 0.5em; padding-right: 0.5em; background-color: white;">
            Version Beta 9.910<br />
            <span style="color:#888888; ">©2009 Richard J Bell ... All rights reserved</span>
        </div>
        <div style="padding-right: 0.5em; padding-left: 0.5em; background-color: white; float: left;">
            <img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif" alt="Powered by Google App Engine" style="width:100px; height:26px;"/>
        </div>
    </div>
    <!-- =================================================================== -->
    <!-- Main menu ========================================================= -->
    <!-- =================================================================== -->
    <div id="idMenu" style="width: 100%;" ></div>
    <!-- =================================================================== -->
    <!-- Page Body ========================================================= -->
    <!-- =================================================================== -->
    <div id="idBody" style="width: 100%;" >
    {% block BaseBody %}<!-- page specific gody goes here -->{% endblock %}
    </div>
<!-- ======================================================================= -->
<!-- end of the page content wrapper div =================================== -->
<!-- ======================================================================= -->
</div>
</body>
</html>
